/* 清除默认的 padding 和 margin */
*{
  margin: 0;
  padding:0;
  /* 怪异盒子 */
  box-sizing: border-box;
}

/* 容器元素居中显示 */
.container{
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
}

hr{
  margin: 20px 0;
}

/* 单个歌手的样式 */
.singer-item{
  width: 20%;
  float: left;
  padding: 0 30px;
}

/* 歌手图片圆形显示 */
.singer-item img{
  border-radius: 50%;
}

/* 歌手名字 */
.singer-item p{
  text-align: center;
}

/* 歌手父级元素设置负的 margin */
.singer-list{
  margin: 0 -30px;
}